@import '../../../core/index.less';
.orin-sw-recombo-root {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

.theme-dark{
    .orin-sw-recombo-root{
        display: inline-block;
        height: auto;
        position: relative;
        &:after{
            content: '';
            display: block;
            width: 100%;
            height: 0;
            clear: both;
        }
        .combo-header-box{
            display: inline-block;
            border:1px solid @dark_borderColor;
            box-sizing: border-box;
            height: auto;
            position: relative;
            cursor: pointer;
        }
        .combo-header-content{
            height: auto;
            vertical-align: middle;
            padding-right: 14/@remScale;
        }
        .combo-header-btn{
            position: absolute;
            top: 0;
            right: 0;
            width: 14/@remScale;
            height:100%;
            background-color: @dark_bgColor;
            &:after{
                position: absolute;
                content: '';
                display: block;
                width: 0;
                height: 0;
                top: 50%;
                left: 50%;
                border-left: 5/@remScale solid transparent;
                border-right: 5/@remScale solid transparent;
                border-top: 5/@remScale solid @dark_iconColor;
                margin-top: -2/@remScale;
                margin-left: -5/@remScale;
            }
        }
        .combo-content-box{
            display: none;
            position: absolute;
            top: 40/@remScale;
            width: auto;
            height: auto;
            border:1px solid @dark_borderColor;
            z-index: 11;
            &.show{
                display: block;
            }
        }
    }
}
